<template>
  <view class="page flex-col">
    <view class="box_1 flex-col">
      <view class="image-wrapper_1 flex-col">
        <image
            class="thumbnail_3"
            referrerpolicy="no-referrer"
            src="https://cdn.enjoysix.com/011_wanlshop/image/back.png"/>
      </view>
      <!-- 商品主图轮播 -->
      <view class="swiper-box" id="swiper">
        <swiper circular="true" autoplay="true" @change="swiperChange">
          <swiper-item v-for="(swiper, index) in goodsData.images" :key="index">
            <image :src="$wanlshop.oss(swiper, 400, 0)" mode="aspectFill"/>
          </swiper-item>
        </swiper>
        <view class="indicator">{{ currentSwiper + 1 }}/{{ goodsData.images.length }}</view>
      </view>
    </view>
    <view class="box_9 flex-col">
      <view class="section_1 flex-col">
        <view class="section_2 flex-row">
          <view class="text-wrapper_1">
            <text class="text_2">¥</text>
            <text class="text_3">{{ goodsData.market_price || 0.0 }}</text>
          </view>
          <view class="group_3 flex-row justify-between">
            <text class="text_4">到手价</text>
            <view class="text-wrapper_2">
              <text class="text_5">¥</text>
              <text class="text_6">{{ goodsData.interval_price || '0.00' }}</text>
            </view>
          </view>
          <text class="text_7">月销{{ goodsData.sales }}</text>
        </view>
        <view class="section_3 flex-row">
          <view class="text-wrapper_3 flex-col">
            <text class="text_8">精选</text>
          </view>
          <view class="text-wrapper_4 flex-col">
            <text class="text_9">热卖</text>
          </view>
<!--          <image-->
<!--              class="thumbnail_5"-->
<!--              referrerpolicy="no-referrer"-->
<!--              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng79c50d9f9f4dbb9810ac578f600fa887e9943a883e9630176bc2a4b75daf39e6"-->
<!--          />-->
        </view>
<!--        <image-->
<!--            class="image_2"-->
<!--            referrerpolicy="no-referrer"-->
<!--            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngcfffccb9755824e46c968c7347c6e4aa5afb05b04472881bb99ce444f06b2069"-->
<!--        />-->
<!--        <view class="section_4 flex-row">-->
<!--          <text class="text_10">保障</text>-->
<!--          <image-->
<!--              class="thumbnail_6"-->
<!--              referrerpolicy="no-referrer"-->
<!--              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng213db20e4081d927a3815bd9b04b4c4916ec62fe3eba52d762c14f9a39714ae6"-->
<!--          />-->
<!--          <text class="text_11">极速售后</text>-->
<!--          <view class="block_2 flex-col"></view>-->
<!--          <text class="text_12">全国部分包邮</text>-->
<!--          <view class="block_3 flex-col"></view>-->
<!--          <text class="text_13">七天无理由退换</text>-->
<!--          <image-->
<!--              class="thumbnail_7"-->
<!--              referrerpolicy="no-referrer"-->
<!--              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0ba7d9ddd6dd7459da8c2d1a65e767944826d1311f8527f8a166adec9d799d6b"-->
<!--          />-->
<!--        </view>-->
        <view class="commodity" style="display:flex;justify-content: space-between;">
          <view class="opt" style="display: flex;justify-content: center">
            <view class="title wanl-gray text-sm">服务</view>
            <view class="option">
              <view class="selected">
                <block v-for="(item, index) in goodsData.shop.service_ids" :key="item.id" v-if="index <= 2">
                  <text class="margin-lr-xs" v-if="index != 0">·</text>
                  {{ item.name }}
                </block>
              </view>
            </view>
          </view>
          <view class="text-min wanl-gray"><text class="wlIcon-fanhui2"></text></view>
        </view>
        <text class="paragraph_1">
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ goodsData.title || '加载中...' }}
        </text>
      </view>
<!--      <view class="section_5 flex-row">-->
<!--        <view class="text-wrapper_5">-->
<!--          <text class="text_14">¥</text>-->
<!--          <text class="text_15">50</text>-->
<!--        </view>-->
<!--        <view class="text-wrapper_6 flex-col">-->
<!--          <text class="text_16">【店庆大促】优惠券立减50元！！</text>-->
<!--          <text class="text_17">2023.12.15前领取有效无门槛优惠…</text>-->
<!--        </view>-->
<!--        <view class="text-wrapper_7 flex-col">-->
<!--          <text class="text_18">领取</text>-->
<!--        </view>-->
<!--      </view>-->
      <view class="text-wrapper_8 flex-col" @click="go_end">
        <text class="text_19">超值特惠，立即下单</text>
      </view>
      <view class="section_6 flex-col">
        <view class="section_7 flex-row justify-between">
          <view class="text-wrapper_9">
            <text class="text_20">评价(</text>
            <text class="text_21">{{ goodsData.comment }}</text>
            <text class="text_22">)</text>
          </view>
          <view class="image-text_5 flex-row justify-between">
            <text class="text-group_5" @tap="onTag('')">查看更多</text>
            <image
                class="thumbnail_8"
                referrerpolicy="no-referrer"
                src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc76a0921b9f96915ff2a507742a29b3c54b824a461c95fafc9c614dc4bb8f293"
            />
          </view>
        </view>
        <view v-for="(item, index) in goodsData.comment_list.data" :key="item.id">
          <view class="section_8 flex-row justify-between">
            <view class="group_4 flex-col"  :style="{ backgroundImage: 'url(' + $wanlshop.oss(item.user.avatar, 26, 26, 2, 'avatar') + ')' }"></view>
            <text class="text_23">{{ item.user.nickname }}</text>
          </view>
          <view class="text-wrapper_10 flex-row">
            <wanl-rate :current="item.score" :disabled="true"></wanl-rate>
          </view>
        </view>
      </view>
      <view class="section_10 flex-row justify-between">
        <view class="image-text_6 flex-row justify-between">
          <view class="box_10 flex-col" :style="{ backgroundImage: 'url(' + $wanlshop.oss(goodsData.shop.avatar, 52, 52, 2, 'avatar') + ')' }"></view>
          <view class="box_11 flex-col">
            <text class="text-group_6">{{ goodsData.shop.shopname }}</text>
            <view class="box_12 flex-row">
              <view class="image-text_7 flex-row justify-between">
<!--                <image-->
<!--                    class="thumbnail_9"-->
<!--                    referrerpolicy="no-referrer"-->
<!--                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng268e0d4cbf8c5b29c12a7c13b1af71f9afaab7a412738e230def315c81cef06e"-->
<!--                />-->
                <text class="text-group_7">认证商家</text>
              </view>
              <view class="image-text_8 flex-row justify-between">
                <image
                    class="thumbnail_9"
                    referrerpolicy="no-referrer"
                    :src="$wanlshop.oss('/011_wanlshop/image/auth_shop.png')"/>
<!--                <text class="text-group_7">认证商家</text>-->
              </view>
            </view>
          </view>
        </view>
        <text class="text_27">进店逛逛</text>
        <image
            class="image_3"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7b341379dea9175426befe18954c9e41e4523579aa46805ae5c1972333749d01"
        />
      </view>
      <view class="section_11 flex-col">
<!--        <image src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/a1f71bc5440f4b8ba3adecf14330f366_mergeImage.png" />-->
        <rich-text :nodes="goodsData.content"></rich-text>
      </view>
    </view>
    <view class="block_4 flex-row" v-if="dianwo" @click="go_end">
      <view class="image-text_9 flex-row justify-between">
        点我下单，优先发货
      </view>
    </view>
    <view class="box_13 flex-col">
      <view class="box_14 flex-row justify-between">
        <view class="section_12 flex-col">
          <view class="box_15 flex-col"></view>
        </view>
        <view class="section_13 flex-col">
          <view class="box_16 flex-row">
            <view class="text-wrapper_12 flex-col">
              <text class="text_28">品牌</text>
            </view>
            <text class="paragraph_2">
              .&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ goodsData.title || '加载中...' }}
            </text>
          </view>
          <view class="text-wrapper_13 flex-row justify-between">
            <block v-for="(item, index) in goodsData.shop.service_ids" :key="item.id" v-if="index <= 2">
              <text class="margin-lr-xs" v-if="index != 0">·</text>
              {{ item.name }}
            </block>
<!--            <text class="text_29 ">部分包邮</text>-->
<!--            <text class="text_30 ">火速发货</text>-->
<!--            <text class="text_31 ">售后保障</text>-->
          </view>
          <view class="box_17 flex-row justify-between">
            <text class="text_32">到手价</text>
            <view class="text-wrapper_14">
              <text class="text_33">¥</text>
              <text class="text_34"></text>
              <text class="text_35">{{ selectshop.price || goodsData.interval_price }}</text>
            </view>
          </view>
        </view>
      </view>
      <image
          class="image_4"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb67681f35e71d8cae54b49b6c20985cd233245ac1efcb4484f8f7bb9598524bf"
      />
      <text class="text_36">{{ goodsData.description }}</text>
      <!--   规格   -->
      <view class="opt text-left padding-bj solid-bottom" v-for="(value, spukey) in goodsData.spu" :key="value.id">
        <view class="text-df">{{ value.name }}</view>
        <view class="tag">
          <view
              class="cu-tag text-sm"
              v-for="(item, index) in value.item"
              :key="index"
              :class="[item.ishow ? '' : 'noactive', subIndex[spukey] == index ? 'active' : '']"
              @tap="skuClick(item, spukey, $event, index)"
          >
            {{ $base64.decode(item.name) }}
          </view>
        </view>
      </view>
<!--      <image-->
<!--          class="image_5"-->
<!--          referrerpolicy="no-referrer"-->
<!--          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb67681f35e71d8cae54b49b6c20985cd233245ac1efcb4484f8f7bb9598524bf"-->
<!--      />-->
      <view class="box_18 flex-row">
        <text class="text_39">购买数量</text>
        <uni-number-box :min="1" :max="selectshop.stock" :value="selectNum" :disabled="canCount" @change="changeNum"></uni-number-box>
        <!--        <image-->
<!--            class="label_2"-->
<!--            referrerpolicy="no-referrer"-->
<!--            src="https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/c586100418ce4254b53bc822b2b0fd41_mergeImage.png"-->
<!--        />-->
<!--        <view class="text-wrapper_17 flex-col">-->
<!--          <text class="text_40">1</text>-->
<!--        </view>-->
<!--        <view class="image-wrapper_3 flex-col">-->
<!--          <image-->
<!--              class="thumbnail_10"-->
<!--              referrerpolicy="no-referrer"-->
<!--              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf9a5c9853fffe186b7c1062078d0490a52ae64c8af199f27be1189bef12286fc"-->
<!--          />-->
<!--        </view>-->
      </view>
<!--      <view class="box_19 flex-col"></view>-->
<!--      <view class="box_20 flex-col"></view>-->
<!--      <view class="box_21 flex-col"></view>-->
    </view>
    <view class="box_22 flex-col">
      <view class="group_6 flex-row">
        <text class="text_41">收货地址</text>
        <image
            class="thumbnail_11"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6ff36cd24d861157021e85411a64a41b11b5d2059b078ac472f9893f0dc59e6f"
        />
        <view class="image-text_10 flex-row justify-between">
<!--          <text class="text-group_9">微信地址导入</text>-->
          <image
              class="thumbnail_12"
              referrerpolicy="no-referrer"
              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng0652acc971d254beb8f98199007c76425c2f95a1fc0a924660a1e185b3734771"
          />
        </view>
      </view>
      <image
          class="image_6"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng755bf38c611fd105a66ee5dbee0d405951baa9a99cba8760a9687f1599daa6de"
      />
      <view class="cu-form-group" v-show="addressType">
        <view class="title">联系人</view>
        <input type="text" placeholder="姓名" v-model="addressData.name"></input>
      </view>
      <view class="cu-form-group" v-show="addressType">
        <view class="title">手机号</view>
        <input type="number" placeholder="手机号码" maxlength="11" v-model="addressData.mobile"></input>
      </view>
      <!-- 1.1.5升级 -->
      <view class="cu-form-group area">
        <view class="click"></view>
        <view class="title">所在地区</view>
        <input  @tap="btnClick" type="text" :value="addressData.formatted_address" placeholder="选择地区" disabled />
      </view>
      <view class="cu-form-group align-start">
        <view class="title">详细地址</view>
        <!-- 1.1.5升级 -->
        <textarea
            maxlength="-1"
            @input="getInputtips"
            @focus="focusInputtips"
            @confirm="confirmInputtips"
            @blur="blurInputtips"
            :placeholder-style="addressData.adcode==''?'color: #bbb':''"
            :adjust-position="false"
            v-model="addressData.address_full"
            :disabled="addressData.adcode==''?true:false"
            :placeholder="addressData.adcode==''?'还没有选择地区哦~ 选择地区后完成此项':'支持智能联想，输入小区名试试~'"/>
      </view>
<!--      <view class="cu-form-group margin-top-bj" v-show="addressType">-->
<!--        <view class="title">设为默认</view>-->
<!--        <switch @change="switchChange" :class="addressData.default == 1?'checked':''" :checked="addressData.default == 1"></switch>-->
<!--      </view>-->
      <scroll-view scroll-y="true" class="tipsScroll" v-show="!addressType">
        <view class="item" v-for="(item,index) in addressList.tips" :key="index" @tap="addressTisp(item)">
          <view>{{item.address}}</view>
          <text>{{item.name}}</text>
        </view>
      </scroll-view>
      <wanl-address ref='wanlAddress' @selectAddress="successSelectAddress"></wanl-address>
    </view>
    <view class="box_23 flex-row justify-between">
      <view class="image-text_11 flex-row justify-between">
        <image
            class="image_10"
            referrerpolicy="no-referrer"
            src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng242078b01f1466c5d1b11691f72004b273b5d0f2929ad04c8e7bd0c73f4cbf2e"
        />
        <text class="text-group_10">微信支付</text>
      </view>
      <image
          class="label_3"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7612b9b8132cc5ec9ba1ab26c06400c7514185a589cc098d69d5d0a988cdbfb0"
      />
    </view>
    <view class="box_24 flex-col">
      <view class="text-wrapper_21 flex-row justify-between">
        <text class="text_50">商品金额：</text>
        <text class="text_51">¥{{ Number(selectshop.price) * Number(selectNum)}}</text>
      </view>
      <image
          class="image_11"
          referrerpolicy="no-referrer"
          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8203d4d849e946a4aaad18a72b59312c9ccf56a8ade3cf7a8117bfd4e6b90f9c"
      />
      <view class="text-wrapper_22 flex-row justify-between">
        <text class="text_52">运费:</text>
        <text class="text_53">{{ goodsData.freight.name }}({{ goodsData.freight.price }})</text>
      </view>
<!--      <image-->
<!--          class="image_12"-->
<!--          referrerpolicy="no-referrer"-->
<!--          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8203d4d849e946a4aaad18a72b59312c9ccf56a8ade3cf7a8117bfd4e6b90f9c"-->
<!--      />-->
<!--      <view class="group_8 flex-row justify-between">-->
<!--        <text class="text_54">优惠券</text>-->
<!--        <view class="image-text_12 flex-row justify-between">-->
<!--          <text class="text-group_11">请选择优惠券</text>-->
<!--          <image-->
<!--              class="thumbnail_14"-->
<!--              referrerpolicy="no-referrer"-->
<!--              src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng69ed1d5055d5bb4ffea9b7e1b6482649fa7aa27e99928930c6d598b6aaeed51f"-->
<!--          />-->
<!--        </view>-->
<!--      </view>-->
<!--      <image-->
<!--          class="image_13"-->
<!--          referrerpolicy="no-referrer"-->
<!--          src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng8203d4d849e946a4aaad18a72b59312c9ccf56a8ade3cf7a8117bfd4e6b90f9c"-->
<!--      />-->
      <view class="text-wrapper_23 flex-row justify-between">
        <text class="text_55">应付金额</text>
        <text class="text_56">¥{{ (Number(selectshop.price) * Number(selectNum)) + Number(goodsData.freight.price)}}</text>
      </view>
    </view>
    <view class="box_25 flex-col">
      <view class="text-wrapper_24 flex-row justify-between">
        <text class="text_57">留言</text>
<!--        <text class="text_58">给商家留言</text>-->
        <input style="width: 100vw" type="text" placeholder="给商家留言" v-model="remarks"></input>
      </view>
      <view class="block_5 flex-row">
        <image
            class="image_14"
            referrerpolicy="no-referrer"
            src="https://cdn.enjoysix.com/011_wanlshop/image/ld_lv.png"
        />
        <text class="text_59">购物保障</text>
        <text class="text_60">保护中</text>
        <image
            class="thumbnail_15"
            referrerpolicy="no-referrer"
            src="https://cdn.enjoysix.com/011_wanlshop/image/bhz.png"
        />
      </view>
      <view class="text-wrapper_25 flex-row">
        <text class="paragraph_3">
          保障您的个人隐私信息安全，您的信息仅用于为您提供
          <br />
          服务或改善服务体验，勾选即同意<text style="color: rgba(71, 127, 237, 1);">《个人信息说明》</text>
        </text>
<!--        <text class="text_61">《个人信息说明》</text>-->
      </view>
      <view class="text-wrapper_26 flex-col" @click="NewSubmitData">
        <text class="text_62">提交订单</text>
      </view>
<!--      <text class="text_63">-->
<!--        商家：玫滴伊百货甄选（海口龙…）｜禾量科技仅提供技术支持-->
<!--      </text>-->
    </view>
    <image
        class="image_15"
        referrerpolicy="no-referrer"
        src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng7f09f7120f3e25f4e51cdc19b71acb004332dd15279926fc9131ec203a7ba02f"
    />
  </view>
</template>
<script>
import { mapState } from 'vuex';
export default {
  data() {
    return {
      TabCur: 0,
      wanlsys: {},
      modalName: null, // 弹出层
      durect: 0, // 角标
      headerOpacity: 0, //不透明度
      currentSwiper: 0, // 轮播图右下角数字
      anchorlist: [{ name: '主图', top: 0 }, { name: '评价', top: 0 }, { name: '详情', top: 0 }, { name: '推荐', top: 0 }], //导航条锚点
      selectAnchor: 0,
      //产品数据
      goodsData: {
        id: 0,
        category_id: 0,
        shop_id: 0,
        brand_id: 0,
        freight_id: 0,
        title: '',
        image: '',
        images: '',
        flag: '',
        content: '',
        category_attribute: [],
        activity_type: 'goods',
        price: null,
        interval_price: null,
        market_price: null,
        sales: 0,
        brand: {},
        freight: {
          name: '',
          isdelivery: 1
        },
        payment: 0,
        comment: 0,
        praise: 0,
        moderate: 0,
        negative: 0,
        like: 0,
        views: 0,
        status: '',
        category: {},
        follow: true,
        sku: [],
        spu: [],
        promotion: [],
        coupon: [],
        comment_list: {
          data: [],
          figure: 0,
          tag: []
        },
        shop: {
          find_user: {
            fans: 0
          },
          city: ''
        },
        shop_recommend: {}
      },
      // 猜你喜欢
      reload: true,
      likeData: [],
      current_page: 1, //当前页码
      last_page: 1, //总页码
      status: 'loading',
      contentText: {
        contentdown: ' ',
        contentrefresh: '正在加载...',
        contentnomore: '没有更多数据了'
      },
      // 商品规格组合
      shopItemInfo: {}, //存放要和选中的值进行匹配的数据
      selectArr: [], //存放被选中的值
      subIndex: [], //是否选中 因为不确定是多规格还是但规格，所以这里定义数组来判断
      selectshop: {}, //存放最后选中的商品
      selectNum: 1, //选中数量
      isChoice: '', // 是否从选择进入
      scrollAnimation: 100, //分享滚动

      // 地址设置
      addressData: {
        name: '',
        mobile: '',
        default: 0,
        //地区
        country: '', // 国家
        province: '', //省份
        city: '', // 城市
        citycode: '', // 城市代码
        district: '', // 县
        adcode: '', // 地区代码
        formatted_address: '', //详细地区
        //详情
        address: '', //详细地址
        address_name: '', // 地址名称
        address_full: '', // 完整地址名称
        location: '' //经纬度
      },
      addressList: {
        location: '',
        adcode: '',
        tips: {}
      },
      addressType: true,

      remarks:'',
      dianwo:true,
      address_id:0,
      token:'',
      orderData:{},
    }
  },
  onLoad(option) {
    this.wanlsys = this.$wanlshop.wanlsys();
    // 保存clickid
    if (option.clickid){
      uni.setStorageSync('clickid',option.clickid);
    }
    if (option.event_type){
      uni.setStorageSync('event_type',option.event_type);
    }
    this.loadData(option);
    // this.loadlikeData();
    // #ifdef MP-WEIXIN
    wx.showShareMenu({
      withShareTicket: true,
      menus: ['shareAppMessage', 'shareTimeline']
    });
    // #endif
    this.durect =
        this.$store.state.statistics.notice.notice +
        this.$store.state.statistics.notice.order +
        this.$store.state.statistics.notice.chat +
        this.$store.state.statistics.order.pay +
        this.$store.state.statistics.order.delive +
        this.$store.state.statistics.order.receiving +
        this.$store.state.statistics.order.evaluate;
  },
  onPageScroll(e) {
    //导航栏渐变
    let tmpY = 150;
    e.scrollTop = e.scrollTop > tmpY ? 150 : e.scrollTop; //如果当前高度大于250则250否则当前高度
    // this.headerOpacity = e.scrollTop * (1 / tmpY); //$headerOpacity 赋值当前高度x（1÷250）
    // console.log(e.scrollTop);
    // console.log(this.headerOpacity);
    if (e.scrollTop >= 150){
      this.dianwo = false;
    }else{
      this.dianwo = true;
    }
  },
  onReachBottom() {
    //判断是否最后一页
    // if (this.current_page >= this.last_page) {
    //   this.status = 'noMore';
    // } else {
    //   this.reload = false;
    //   this.current_page = this.current_page + 1; //页码+1
    //   this.status = 'loading';
    //   this.loadlikeData();
    // }
  },
  watch: {
    selectshop(n, o) {
      if(n.price != o.price){
        // 更新一次优惠券
        this.queryCoupon(n.price);
      }
    }
  },
  computed: {
    canCount() {
      return this.subIndex.some(item => item === -1);
    },
    ...mapState(['cart', 'common'])
  },
  methods: {
    async loadData(option) {
      //加载商品
      await uni.request({
        url: '/wanlshop/product/goods',
        data: option,
        success: res => {
          //详情正则
          res.data.content = res.data.content.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi, (match, capture) => {
            var img = `<img style="display: block; max-width: 100%;" src="${this.$wanlshop.oss(capture, 500, 0)}">`;
            return img;
          });
          // 价格区间
          if (res.data.sku.length == 0) {
            res.data.interval_price = res.data.price;
            res.data.market_price = res.data.price;
          }else{
            let price = [],
                market_price = [];
            for (let value of res.data.sku) {
              price.push(value.price);
              market_price.push(value.market_price);
            }
            let minPrice = Math.min.apply(null, price),
                maxPrice = Math.max.apply(null, price),
                maxMarketPrice = Math.max.apply(null, market_price);
            res.data.interval_price = minPrice == maxPrice ? Number(minPrice).toFixed(2) : ( minPrice + '-' + Number(maxPrice).toFixed(2) ); //区间价格
            res.data.market_price = Number(maxMarketPrice).toFixed(2); //最大市场价
          }
          this.goodsData = res.data;
          // 商品规格组合
          this.goodsData.spu.map(item => {
            // 1.1.3升级
            item.item.map((name, key, arr) =>{
              arr[key].name = this.$base64.encode(arr[key].name)
            });
            this.selectArr.push('');
            this.subIndex.push(-1);
          });
          // 1.1.3升级
          this.goodsData.sku.map(item => {
            item.difference.map((name, index, arr) =>{
              arr[index] = this.$base64.encode(name)
            });
          });
          this.checkItem(); //计算sku里面规格形成路径
          this.checkInpath(-1); //传-1是为了不跳过循环
          // 计算锚点高度
          // setTimeout(() => {
          //   this.calcAnchor();
          // }, 1000);
        }
      });
    },
    // 查询优惠券，减缓服务器压力，单独查询
    async queryCoupon(price) {
      await uni.request({
        url: '/wanlshop/coupon/query',
        method: 'POST',
        data: {
          shop_id: this.goodsData.shop_id,
          goods_id: this.goodsData.id,
          shop_category_id: this.goodsData.shop_category_id,
          price: price
        },
        success: res => {
          this.goodsData.coupon = res.data;
          console.log(res.data)
        }
      });
    },
    // 领取优惠券
    async onReceive(index) {
      let coupon = this.goodsData.coupon[index];
      await uni.request({
        url: '/wanlshop/coupon/receive',
        method: 'POST',
        data: {
          id: coupon.id
        },
        success: res => {
          coupon.id = res.data.id;
          coupon.state = true;
          this.$wanlshop.msg(res.data.msg);
          // 更新状态管理器
          this.$store.commit('statistics/dynamic', {
            coupon: this.$store.state.statistics.dynamic.coupon + 1
          });
        }
      });
    },
    async loadStock(sku_id){
      await uni.request({
        url: '/wanlshop/product/stock',
        data: {
          sku_id: sku_id
        },
        success: res => {
          this.selectshop.stock = res.data;
        }
      });
    },
    // 商品规格组合 选择
    skuClick(value, spukey, event, index) {
      console.log("+++++++++++++ skuClick ++++++++++++++")
      if (value.ishow) {
        if (this.selectArr[spukey] != value.name) {
          this.$set(this.selectArr, spukey, value.name);
          this.$set(this.subIndex, spukey, index);
        } else {
          this.$set(this.selectArr, spukey, '');
          this.$set(this.subIndex, spukey, -1);
        }
        this.checkInpath(spukey);
        //如果全部选完
        if (this.selectArr.every(item => item != '')) {
          this.selectshop = this.shopItemInfo[this.selectArr];
          // 1.1.3升级
          this.selectshop.difference.map((name, index, arr)=> {
            arr[index] = this.$base64.decode(name)
          })
          this.loadStock(this.selectshop.id);
          this.selectNum = 1;
        }
      }
    },
    //循环所有属性判断哪些属性可选
    checkInpath(clickIndex) {

      //当前选中的兄弟节点和已选中属性不需要循环
      for (let i = 0, len = this.goodsData.spu.length; i < len; i++) {
        if (i == clickIndex) {
          continue;
        }
        let len2 = this.goodsData.spu[i].item.length;
        for (let j = 0; j < len2; j++) {
          if (this.subIndex[i] != -1 && j == this.subIndex[i]) {
            continue;
          }
          let choosed_copy = [...this.selectArr];
          this.$set(choosed_copy, i, this.goodsData.spu[i].item[j].name);
          let choosed_copy2 = choosed_copy.filter(item => item !== '' && typeof item !== 'undefined');
          if (this.shopItemInfo.hasOwnProperty(choosed_copy2)) {
            this.$set(this.goodsData.spu[i].item[j], 'ishow', true);
          } else {
            this.$set(this.goodsData.spu[i].item[j], 'ishow', false);
          }
        }
      }
      // console.log(this.goodsData.spu)
    },
    //计算有多小种可选路径
    checkItem() {
      let result = this.goodsData.sku.reduce(
          (arrs, items) => {
            return arrs.concat(
                items.difference.reduce(
                    (arr, item) => {
                      return arr.concat(
                          arr.map(item2 => {
                            //利用对象属性的唯一性实现二维数组去重
                            if (!this.shopItemInfo.hasOwnProperty([...item2, item])) {
                              this.shopItemInfo[[...item2, item]] = items;
                            }
                            return [...item2, item];
                          })
                      );
                    },
                    [[]]
                )
            );
          },
          [[]]
      );
    },
    //商品规格修改数量
    changeNum(val) {
      if(this.selectshop.stock){
        let num = parseInt(val);
        if(num > this.selectshop.stock){
          this.$wanlshop.msg(`数量不能超过库存 ${this.selectshop.stock} 件`);
          this.selectNum = parseInt(this.selectshop.stock);
        }else{
          this.selectNum = parseInt(val);
        }
      }
    },
    //轮播图指示器
    swiperChange(e) {
      this.currentSwiper = e.detail.current;
    },
    // 弹出层
    showModal(name) {
      this.isChoice = '';
      // 滚动下分享
      if (name == 'share' && this.modalName != 'share') {
        setTimeout(() => {
          this.scrollAnimation = 0;
        }, 300);
      }
      this.modalName = name;
    },
    // 关闭弹出层
    hideModal(name) {
      if (name) {
        this.showModal(name);
      } else {
        this.modalName = null;
      }
    },
    // 分享回调
    wanlShare(e){
      if(e){
        this.$wanlshop.auth(`/pages/user/complaint/complaint?id=${this.goodsData.id}&type=1`);
      }else{
        this.modalName = null;
      }
    },
    //禁止父元素滑动
    moveHandle() {},
    // 关注 & 取消
    async follow() {
      this.goodsData.follow = !this.goodsData.follow;
      // 全局控制中心
      if (this.goodsData.follow) {
        this.$store.commit('statistics/dynamic', {
          collection: this.$store.state.statistics.dynamic.collection + 1
        });
      } else {
        this.$store.commit('statistics/dynamic', {
          collection: this.$store.state.statistics.dynamic.collection - 1
        });
      }
      await uni.request({
        url: '/wanlshop/product/follow',
        method: 'POST',
        data: {
          id: this.goodsData.id
        },
        success: res => {
          this.goodsData.follow = res.data;
        }
      });
    },
    //跳转锚点
    toAnchor(index) {
      this.selectAnchor = index;
      uni.pageScrollTo({
        scrollTop: this.anchorlist[index].top,
        duration: 200
      });
    },
    //计算锚点高度
    calcAnchor() {
      let query = null;
      // 支付宝小程序不能加后面的.in(this)，是它自身的限制
      // #ifndef MP-ALIPAY
      query = uni.createSelectorQuery().in(this)
      // #endif
      // #ifdef MP-ALIPAY
      query = uni.createSelectorQuery()
      // #endif
      query.select('#evaluate').boundingClientRect(rec => {
        this.anchorlist[1].top = rec.top - this.wanlsys.height - 45;
      }).exec();
      query.select('#details').boundingClientRect(rec => {
        this.anchorlist[2].top = rec.top - this.wanlsys.height - 45;
      }).exec();
      query.select('#recommend').boundingClientRect(rec => {
        this.anchorlist[3].top = rec.top - this.wanlsys.height - 45;
      }).exec();
    },
    // 评论页
    onTag(tag) {
      this.$wanlshop.to('/pages/product/comment?id=' + this.goodsData.id + '&praise=' + this.goodsData.praise + '&tag=' + tag);
    },
    // 打开购物车
    toCart() {
      uni.switchTab({ url: '/pages/cart' });
    },
    // 完成选择
    completeSelection() {
      if (this.canCount) {
        this.$wanlshop.msg('请选择完成规格');
      } else {
        this.ProcessingData();
      }
    },
    // 提交数据
    SubmitData(name, type) {
      // if (!this.subIndex[0]) {
      // this.$wanlshop.msg('客官先别急，系统还在加载');
      // } else {

      // }
      if(type == 1){
        if (this.canCount) {
          this.$wanlshop.msg('请选择完成规格');
        }else{
          this.isChoice = name;
          this.ProcessingData();
        }
      }else{
        this.modalName = 'option';
        this.isChoice = name;
      }
    },
    ProcessingData() {
      var self = this;
      if (this.isChoice == 'addToCart') {
        this.$store.dispatch('cart/add', {
          shop_id: this.goodsData.shop_id,
          shop_name: this.goodsData.shop.shopname,
          goods_id: this.goodsData.id,
          title: this.goodsData.title,
          number: this.selectNum,
          image: this.goodsData.image,
          sku: this.selectshop,
          sku_id: this.selectshop.id,
          sum: this.$wanlshop.bcmul(this.selectshop.price, this.selectNum)
        });
        this.$wanlshop.msg('已加购物车');
      } else if (this.isChoice == 'placeOrder') {
        let goodsData = [
          {
            goods_id: this.goodsData.id,
            number: this.selectNum,
            sku_id: this.selectshop.id
          }
        ];
        // 提交订单
        // if (this.$store.state.user.isLogin) {
        //   uni.redirectTo({
        //     url: `/pages/user/order/addorder?order_type=groups&data=${JSON.stringify(goodsData)}`
        //   });
        // }else{
        //   this.$wanlshop.to('/pages/user/auth/auth');
        // }
        this.optionData = {
          order_type:'groups',
          data:goodsData,
        }
        self.addloadData()

      } else {
        this.$wanlshop.msg('数据异常');
      }
      this.hideModal();
    },
    productSearch(text) {
      this.$wanlshop.to(`/pages/page/search?type=goods&keywords=${text}`, 'fade-in', 100);
    },

    //地址方法
    switchChange(e) {
      if (e.detail.value) {
        this.addressData.default = 1;
      } else {
        this.addressData.default = 0;
      }
    },
    btnClick() {
      console.log(111)
      this.$refs.wanlAddress.show()
    },
    successSelectAddress(address) {
      this.addressData.country = address.country;
      this.addressData.province = address.province;
      this.addressData.city = address.city;
      this.addressData.citycode = address.citycode;
      this.addressData.district = address.district;
      this.addressData.formatted_address = address.formatted_address;
      this.addressData.location = address.location;
      this.addressData.adcode = address.adcode;
      this.addressList.location = address.location;
      this.addressList.adcode = address.adcode;
    },
    //调用高德地图搜索相关地址
    getInputtips(event) {
      let keywords = event.detail.value;
      if (keywords) {
        uni.request({
          url: 'https://restapi.amap.com/v3/assistant/inputtips',
          data: {
            key: this.$wanlshop.config('amapkey'),
            keywords: keywords,
            location: this.addressList.location,
            city: this.addressList.adcode
          },
          success: (res) => {
            let addressList = [];
            // 1.1.8升级
            if(res.res.infocode == 10001){
              this.$wanlshop.msg('获取位置失败：错误' + res.res.info);
            }else{
              res.data.tips.forEach(item => {
                if (item.address.length == 0) {
                  item.address = '暂未收录地址';
                  item.location = '113.294701,22.666562';
                }
                addressList.push(item);
              });
            }
            this.addressList.tips = addressList;
          }
        });
      }
    },
    // 详细地址失去焦点
    blurInputtips(event) {
      this.addressData.address = event.detail.value;
      setTimeout(() => {
        this.addressType = true;
      }, 10);
    },
    // 详细地址已完成
    confirmInputtips(event) {
      this.addressType = true;
    },
    // 详细地址获取焦点
    focusInputtips(event) {
      this.addressType = false;
    },
    // 详细地址替换
    addressTisp(data) {
      this.addressData.adcode = data.adcode;
      this.addressData.address = data.address;
      this.addressData.address_name = data.name;
      // 1.0.5升级
      if(data.address){
        this.addressData.address_full = this.addressData.address_name + this.addressData.address;
      }
      this.addressData.location = data.location;
      this.addressType = true;
    },
    //提交
    confirm() {
      let data = this.addressData;
      if (!data.name) {
        this.$wanlshop.msg('请填写收货人姓名');
        return;
      }
      if (!/^1[0-9]{10,10}$/.test(data.mobile)) { // 1.0.2升级
        this.$wanlshop.msg('请输入正确的手机号码');
        return;
      }
      if (!data.city) {
        this.$wanlshop.msg('请选择地区');
        return;
      }
      if (!data.address) {
        this.$wanlshop.msg('请填写详细信息');
        return;
      }
      this.$wanlshop.prePage().refreshList(data, this.manageType);
      this.$wanlshop.msg(`地址${this.manageType=='edit' ? '修改': '添加'}成功`);
      this.$wanlshop.back(1);
    },
    go_end: function() {
      console.log('end')
      // window.location.href = "#dibu";
      uni.pageScrollTo({
        duration: 100, // 过渡时间
        // scrollTop: divHeight / 100 * 750, // 滚动的实际距离
        selector: ".box_13",
      })
      // this.scroll = !this.scroll
      // console.log('++++++++++++++', this.divHeight / 100 * 750);
      this.dianwo = false;
    },
    // 发起提交订单 -- 登录用户
    NewSubmitData:function () {
      var self = this;
      if (!this.$store.state.user.isLogin){
        // 发起登录
        self.login();
      }else{
        // 添加地址
        self.AddAddress();
      }
    },
    login:function () {
      var self = this;
      uni.login({
        provider: 'weixin', //使用微信登录
        success: function (loginRes) {
          uni.request({
            url: '/wanlshop/user/third',
            method: 'POST',
            data: {
              platform:'mp_weixin',
              loginData:{
                code: loginRes.code,
              },
              // code: loginRes.code,
              client_id: uni.getStorageSync("wanlshop:chat_client_id")?uni.getStorageSync("wanlshop:chat_client_id") : null
            },
            success: res => {
              self.$store.dispatch('user/login', res.data);
              self.$store.dispatch('cart/login');
              // 添加地址
              self.AddAddress();
            }
          });
        }
      });
    },
    // 添加用户地址
    AddAddress:function () {
      var self = this;
      let data = this.addressData;
      if (!data.name) {
        this.$wanlshop.msg('请填写收货人姓名');
        return;
      }
      if (!/^1[0-9]{10,10}$/.test(data.mobile)) { // 1.0.2升级
        this.$wanlshop.msg('请输入正确的手机号码');
        return;
      }
      if (!data.city) {
        this.$wanlshop.msg('请选择地区');
        return;
      }
      if (!data.address) {
        this.$wanlshop.msg('请填写详细信息');
        return;
      }
      console.log(JSON.stringify(data));

      uni.request({
        url: '/wanlshop/address/address',
        method: 'POST',
        data: {
          data: data,
          type: 'add'
        },
        success: function success(res) {
          console.log(JSON.stringify(res))
          self.address_id = res.data.id;
          self.SubmitData('placeOrder',1)
        }
      });

    },
    async addloadData(address_id) {
      var self = this;
      // 1.1.6升级
      await uni.request({
        url: '/wanlshop/order/getOrderGoodsList',
        method: 'POST',
        data: {
          data: this.optionData.data,
          address_id: this.address_id
        },
        // 1.1.8 升级
        complete: res => {
          if(res.res.code == 1){
            this.token = res.data.token;
            this.orderData = res.data.orderData;
            this.addressData = res.data.addressData;
            self.addOrder()
          }else if(res.data.code == 0 && res.res.msg == '请添加收货地址'){
            this.reload = true;
            this.addAddress('newadd');
          }
        }
      });
    },
    // 提交订单
    async addOrder() {
      if(this.orderData.statis.allnum === 0){
        this.$wanlshop.msg('订单异常')
        return;
      }
      let address_id = this.addressData.id;
      if(address_id === 0){
        this.$wanlshop.msg('请填写地址')
        return;
      }
      let data = {lists: [], address_id: address_id},
          cart = [];
      this.orderData.lists.forEach((item, index)=> {
        data.lists.push({
          shop_id: item.shop_id,
          remarks: item.remarks,
          products: [],
          //店铺优惠券和其他 在下追加
          // coupon_id: this.couponData[index] ? this.couponData[index].id : 0
          coupon_id: 0
        });
        item.products.forEach(goods => {
          // 购物车数据
          cart.push({
            goods_id: goods.id,
            sku_id: goods.sku.id
          });
          // 商品数据
          data.lists[index].products.push({
            goods_id: goods.id,
            number: goods.number,
            sku_id: goods.sku.id,
            freight_id: goods.freight_id
          });
        });
      });
      this.loading = true;
      // 提交订单数据data
      await uni.request({
        url: '/wanlshop/order/addOrder',
        method: 'POST',
        data: {
          order:data,
          token: this.token
        },
        success: res => {
          this.$store.commit('statistics/order', {
            pay: this.$store.state.statistics.order.pay + res.data.list.length,
            whole: this.$store.state.statistics.order.whole + res.data.list.length
          });
          // 如果使用优惠券全局减去
          // let coupon =  Object.keys(this.couponData).length;
          // if (coupon != 0) {
          //   this.$store.commit('statistics/dynamic', {
          //     coupon: this.$store.state.statistics.dynamic.coupon - coupon
          //   });
          // }
          if (this.cartType === 'cart') {
            this.$store.dispatch('cart/del');
          }
          this.$wanlshop.to(`/pages/user/money/pay?token=${res.data.token}&data=${JSON.stringify(res.data.list)}`);
        }
      });
    },
  },
};
</script>
<style>
/*@import './common.css';*/
/*@import './index.rpx.css';*/

.page {
  background-color: rgba(247, 247, 247, 1);
  position: relative;
  /*width: 375px;*/
  /*height: 2486px;*/
  overflow: hidden;
  width: 100vw;
}

.box_1 {
  /*background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/f28ead7f266a48339abba19676e27017_mergeImage.png);*/
  /*padding: 13px 0 180px 0;*/
  /*height: 500px;*/
}

.box_2 {
  margin: 0 18px 0 40px;
}

.text_1 {
  overflow-wrap: break-word;
  color: rgba(51, 59, 83, 1);
  font-size: 15px;
  letter-spacing: -0.30000001192092896px;
  font-family: SFProText-Semibold;
  font-weight: 600;
  text-align: right;
  white-space: nowrap;
  line-height: 18px;
}

.thumbnail_1 {
  width: 17px;
  height: 11px;
  margin: 4px 0 3px 219px;
}

.thumbnail_2 {
  width: 15px;
  height: 11px;
  margin: 4px 0 3px 5px;
}

.image_1 {
  width: 24px;
  height: 11px;
  margin: 3px 0 4px 5px;
}

.image-wrapper_1 {
  position: absolute;
  /*background: url(https://cdn.enjoysix.com/011_wanlshop/image/back.png) 100% no-repeat;*/
  top: 7vh;
  left: 13px;
  background-size: 100% 100%;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background-color: rgba(0,0,0,0.3);
  z-index: 9;
  padding-left: 2.5vw;
  padding-top: 2vw;
  /*margin-top: 13px;*/
  /*padding: 10px 355px 25px 13px;*/
}

.thumbnail_3 {
  position: relative;
  /*width: 50%;*/
  /*height: 70%;*/
  width: 2vw;
  height: 4vw;
  z-index: 10;
}

.box_3 {
  background-color: rgba(0, 0, 0, 1);
  border-radius: 12px;
  margin: 50px 160px 0 2px;
  padding: 3px 9px 3px 3px;
}

.image-text_1 {
  width: 201px;
}

.group_1 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.text-group_1 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin-top: 1px;
}

.box_4 {
  width: 365px;
  margin: 9px 8px 0 2px;
}

.box_5 {
  margin: 3px 0 83px 0;
}

.box_6 {
  background-color: rgba(0, 0, 0, 1);
  border-radius: 12px;
  margin-right: 11px;
  padding: 3px 9px 3px 3px;
}

.image-text_2 {
  width: 190px;
}

.block_1 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.text-group_2 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin-top: 1px;
}

.box_7 {
  background-color: rgba(0, 0, 0, 1);
  border-radius: 12px;
  margin-top: 11px;
  padding: 3px 9px 3px 3px;
}

.image-text_3 {
  width: 201px;
}

.group_2 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 50%;
  width: 18px;
  height: 18px;
}

.text-group_3 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin-top: 1px;
}

.box_8 {
  background-color: rgba(226, 87, 64, 1);
  border-radius: 4px;
  padding: 2px 2px 2px 2px;
}

.image-text_4 {
}

.image-wrapper_2 {
  border-radius: 2px 2px 0px 0px;
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1547f24ccc9e44a6b21c5c82a731cc76_mergeImage.png);
  padding: 2px 5px 108px 64px;
}

.thumbnail_4 {
  width: 14px;
  height: 14px;
}

.text-group_4 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 11px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
  margin: 1px 18px 0 19px;
}

.box_9 {
  padding-bottom: 13px;
}

.section_1 {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  padding: 12px 15px 10px 14px;
}

.section_2 {
  margin-left: 1px;
  display: flex;
}

.text-wrapper_1 {
  /*width: 36px;*/
  /*height: 30px;*/
  overflow-wrap: break-word;
  font-size: 0;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 16px;
  margin-top: 2px;
}

.text_2 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 14px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 16px;
}

.text_3 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 26px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
}

.group_3 {
  background-color: rgba(248, 61, 42, 1);
  border-radius: 16px;
  /*width: 100px;*/
  margin: 0 0 1px 13px;
  padding: 2px 11px 0 10px;
  display: flex;
}

.text_4 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.text-wrapper_2 {
  display: flex;
  /*width: 35px;*/
  /*height: 29px;*/
  overflow-wrap: break-word;
  font-size: 0;
  font-weight: 700;
  text-align: left;
  line-height: 16px;
}

.text_5 {
  /*height: 29px;*/
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 14px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 16px;
}

.text_6 {
  /*height: 29px;*/
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 25px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 16px;
}

.text_7 {
  position: absolute;
  right: 3vw;
  top: 3vw;
  overflow-wrap: break-word;
  color: rgba(103, 103, 103, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  /*margin: 7px 0 0 152px;*/
}

.section_3 {
  margin: 14px 4px 0 0;
}

.text-wrapper_3 {
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12b53535f4c319f3d00cc9ea38e59cb9a27fe12b911ba6d53d06c259fea0e23a)
  100% no-repeat;
  background-size: 100% 100%;
  margin-bottom: 8px;
  padding: 0 2px 0 2px;
}

.text_8 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.text-wrapper_4 {
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngf82f4eb7278acec834b68e8586ea52623868581d1b26624fcc8507d54476e580)
  100% no-repeat;
  background-size: 100% 100%;
  margin: 0 0 8px 5px;
  padding: 0 2px 0 2px;
}

.text_9 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.thumbnail_5 {
  width: 14px;
  height: 14px;
  margin: 11px 0 0 267px;
}

.image_2 {
  width: 345px;
  height: 1px;
  margin: 24px 0 0 1px;
}

.section_4 {
  margin-top: 9px;
  display: flex;
}

.text_10 {
  overflow-wrap: break-word;
  color: rgba(107, 107, 107, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.thumbnail_6 {
  width: 12px;
  height: 14px;
  margin: 1px 0 2px 13px;
}

.text_11 {
  overflow-wrap: break-word;
  color: rgba(32, 32, 32, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 9px;
}

.block_2 {
  background-color: rgba(32, 32, 32, 1);
  border-radius: 50%;
  width: 2px;
  height: 2px;
  margin: 7px 0 8px 6px;
}

.text_12 {
  overflow-wrap: break-word;
  color: rgba(32, 32, 32, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 6px;
}

.block_3 {
  background-color: rgba(32, 32, 32, 1);
  border-radius: 50%;
  width: 2px;
  height: 2px;
  margin: 7px 0 8px 5px;
}

.text_13 {
  overflow-wrap: break-word;
  color: rgba(32, 32, 32, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin-left: 6px;
}

.thumbnail_7 {
  width: 6px;
  height: 11px;
  margin: 3px 0 3px 41px;
}

.paragraph_1 {
  position: absolute;
  left: 15px;
  top: 54px;
  width: 320px;
  height: 44px;
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 22px;
}

.section_5 {
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3ec84e832b6e44dd6d1e25c7b2dd464d780d862c45904f393bd79df50e828124) -1px -1px
  no-repeat;
  background-size: 356px 65px;
  margin: 12px 11px 0 10px;
  padding: 11px 11px 12px 10px;
  display: flex;
}

.text-wrapper_5 {
  width: 39px;
  height: 31px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin: 3px 0 6px 0;
}

.text_14 {
  height: 31px;
  overflow-wrap: break-word;
  color: rgba(254, 60, 36, 1);
  font-size: 18px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text_15 {
  height: 31px;
  overflow-wrap: break-word;
  color: rgba(254, 60, 36, 1);
  font-size: 27px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text-wrapper_6 {
  margin-left: 7px;
}

.text_16 {
  overflow-wrap: break-word;
  color: rgba(38, 32, 31, 1);
  font-size: 13px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text_17 {
  overflow-wrap: break-word;
  color: rgba(110, 98, 100, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 5px 6px 0 0;
}

.text-wrapper_7 {
  border-radius: 14px;
  border: 1px solid rgba(248, 61, 42, 1);
  margin: 7px 0 6px 34px;
  padding: 4px 13px 3px 14px;
}

.text_18 {
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 13px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.text-wrapper_8 {
  background-color: rgba(226, 87, 64, 1);
  border-radius: 22px;
  margin: 11px 15px 0 14px;
  padding: 10px 101px 12px 101px;
}

.text_19 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.section_6 {
  background-color: rgba(255, 255, 255, 1);
  margin-top: 23px;
  padding: 10px 16px 16px 13px;
}

.section_7 {
  display: flex;
  justify-content: space-between;
  width: 100vw;
}

.text-wrapper_9 {
  width: 61px;
  height: 22px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_20 {
  overflow-wrap: break-word;
  color: rgba(36, 36, 36, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_21 {
  overflow-wrap: break-word;
  color: rgba(36, 36, 36, 1);
  font-size: 15px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_22 {
  overflow-wrap: break-word;
  color: rgba(36, 36, 36, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image-text_5 {
  width: 65px;
  margin: 3px 0 2px 0;
}

.text-group_5 {
  overflow-wrap: break-word;
  color: rgba(177, 177, 177, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.thumbnail_8 {
  width: 6px;
  height: 11px;
  margin: 3px 0 3px 0;
}

.section_8 {
  display: flex;
  width: 17.07vw;
  margin: 13px 281px 0 1px;
}

.group_4 {
  border-radius: 50%;
  /*background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/7d8d4655edb84c5c994523147d32334c_mergeImage.png);*/
  width: 24px;
  height: 24px;
}

.text_23 {
  overflow-wrap: break-word;
  color: rgba(35, 35, 35, 1);
  font-size: 14px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 2px;
}

.text-wrapper_10 {
  margin: 5px 317px 0 1px;
}

.text_24 {
  overflow-wrap: break-word;
  color: rgba(35, 35, 35, 1);
  font-size: 14px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.section_9 {
  width: 84px;
  margin: 15px 261px 0 1px;
}

.group_5 {
  border-radius: 50%;
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/07d011148dfa435d8cd177d8b76550da_mergeImage.png);
  width: 24px;
  height: 24px;
}

.text_25 {
  overflow-wrap: break-word;
  color: rgba(35, 35, 35, 1);
  font-size: 14px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 2px;
}

.text-wrapper_11 {
  margin: 5px 289px 0 1px;
}

.text_26 {
  overflow-wrap: break-word;
  color: rgba(35, 35, 35, 1);
  font-size: 14px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.section_10 {
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  /*width: 375px;*/
  margin-top: 10px;
  padding: 14px 24px 15px 13px;
  display: flex;
  width: 100vw;
}

.image-text_6 {
  width: 185px;
  display: flex;
}

.box_10 {
  border-radius: 50%;
  /*background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/886a50c9d35d4c4caabebec8a2879413_mergeImage.png);*/
  width: 44px;
  height: 44px;
  margin: 3px 0 2px 0;
}

.box_11 {
}

.text-group_6 {
  overflow-wrap: break-word;
  color: rgba(35, 35, 35, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.box_12 {
  position: relative;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng3bb09178d445fdeeeb9f1e4105436984a1567a553bf42649ff979a6e8bed2763)
  100% no-repeat;
  background-size: 100% 100%;
  margin: 5px 51px 0 0;
  padding: 2px 4px 2px 5px;
}

.image-text_7 {
  width: 68px;
}

.thumbnail_9 {
  width: 10px;
  height: 10px;
  margin: 4px 0 4px 0;
}

.text-group_7 {
  overflow-wrap: break-word;
  color: rgba(65, 40, 0, 1);
  font-size: 13px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
}

.image-text_8 {
  position: absolute;
  left: 5px;
  top: 2px;
  width: 68px;
  height: 18px;
}

.text_27 {
  overflow-wrap: break-word;
  color: rgba(212, 92, 65, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin-top: 15px;
}

.image_3 {
  position: absolute;
  left: 286px;
  top: 24px;
  width: 74px;
  height: 31px;
}

.section_11 {
  position: relative;
  width: 100vw;
  /*background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/a1f71bc5440f4b8ba3adecf14330f366_mergeImage.png);*/
  margin-top: 11px;
}

.block_4 {
  position: fixed;
  width: 100vw;
  background: url(https://cdn.enjoysix.com/011_wanlshop/image/bg_red.png) 100% no-repeat;
  background-size: 100% 100%;
  bottom: 0;
  left: 0;
  padding: 15px 106px 11px 104px;
  z-index: 99;
}

.image-text_9 {
  width: 166px;
}

.label_1 {
  width: 23px;
  height: 29px;
}

.text-group_8 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 15px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
  margin-top: 2px;
}

.box_13 {

  background-color: rgba(255, 255, 255, 1);
  position: relative;
  margin-top: -1px;
  padding: 13px 7px 16px 15px;
}

.box_14 {
  display: flex;
  width: 94.13vw;
}

.section_12 {
  background-color: rgba(216, 216, 216, 1);
  border-radius: 4px;
  margin-bottom: 13px;
}

.box_15 {
  background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/49b1df32c4ef4ebdbd958b419ec523af_mergeImage.png);
  width: 98px;
  height: 98px;
}

.section_13 {
  margin-top: 1px;
}

.box_16 {
  position: relative;
  padding: 3px 213px 21px 0;
}

.text-wrapper_12 {
  background-color: rgba(69, 69, 69, 1);
  border-radius: 2px;
  padding: 0 4px 1px 4px;
}

.text_28 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
}

.paragraph_2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 245px;
  height: 42px;
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 15px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  line-height: 21px;
}

.text-wrapper_13 {
  width: 182px;
  margin: 8px 59px 0 4px;
  display: flex;
}

.text_29 {
  overflow-wrap: break-word;
  color: rgba(220, 76, 42, 1);
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  border: 1px solid rgba(220, 76, 42, 1);
}

.text_30 {
  overflow-wrap: break-word;
  color: rgba(220, 76, 42, 1);
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  border: 1px solid rgba(220, 76, 42, 1);
}

.text_31 {
  overflow-wrap: break-word;
  color: rgba(220, 76, 42, 1);
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  line-height: 18px;
  border: 1px solid rgba(220, 76, 42, 1);
}

.box_17 {
  width: 77px;
  margin: 12px 168px 0 0;
  display: flex;
}

.text_32 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 12px;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  /*margin-top: 11px;*/
}

.text-wrapper_14 {
  width: 37px;
  height: 30px;
  overflow-wrap: break-word;
  font-size: 0;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text_33 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 18px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.text_34 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 14px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  line-height: 21px;
}

.text_35 {
  height: 30px;
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 26px;
  font-family: DINAlternate-Bold;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  line-height: 21px;
}

.image_4 {
  width: 346px;
  height: 1px;
  margin: 15px 7px 0 0;
}

.text_36 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 14px 97px 0 0;
}

.text-wrapper_15 {
  background-color: rgba(255, 245, 244, 1);
  border-radius: 4px;
  border: 1px solid rgba(221, 74, 39, 1);
  margin: 16px 20px 0 0;
  padding: 6px 10px 5px 10px;
}

.text_37 {
  overflow-wrap: break-word;
  color: rgba(248, 61, 42, 1);
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.text-wrapper_16 {
  background-color: rgba(241, 241, 241, 1);
  border-radius: 4px;
  margin: 11px 20px 0 0;
  padding: 7px 11px 6px 11px;
}

.text_38 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.image_5 {
  width: 346px;
  height: 1px;
  margin: 15px 7px 0 0;
}

.box_18 {
  margin: 15px 8px 0 0;
  display: flex;
  justify-content: space-between;
}

.text_39 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 18px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
  margin-top: 3px;
}

.label_2 {
  width: 32px;
  height: 32px;
  margin-left: 169px;
}

.text-wrapper_17 {
  background-color: rgba(244, 244, 246, 1);
  border-radius: 4px;
  margin-left: 4px;
  padding: 6px 13px 6px 13px;
}

.text_40 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 14px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
}

.image-wrapper_3 {
  background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/b83bc93cdf8745259c5a920983661e2d_mergeImage.png)
  100% no-repeat;
  background-size: 100% 100%;
  margin-left: 4px;
  padding: 14px 16px 11px 15px;
}

.thumbnail_10 {
  width: 1px;
  height: 7px;
}

.box_19 {
  border-radius: 2px;
  position: absolute;
  left: 123px;
  top: 63px;
  width: 60px;
  height: 21px;
  border: 1px solid rgba(220, 76, 42, 1);
}

.box_20 {
  border-radius: 2px;
  position: absolute;
  left: 188px;
  top: 63px;
  width: 60px;
  height: 21px;
  border: 1px solid rgba(220, 76, 42, 1);
}

.box_21 {
  border-radius: 2px;
  position: absolute;
  left: 253px;
  top: 63px;
  width: 60px;
  height: 21px;
  border: 1px solid rgba(220, 76, 42, 1);
}

.box_22 {

  background-color: rgba(255, 255, 255, 1);
  margin-top: 9px;
  padding: 12px 0 14px 0;
}

.group_6 {
  width: 345px;
  align-self: center;
  margin: 12px 0 0 15px;
}

.text_41 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 18px;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 25px;
}

.thumbnail_11 {
  width: 20px;
  height: 20px;
  margin: 2px 0 3px 135px;
}

.image-text_10 {
  width: 114px;
  margin: 1px 0 2px 4px;
}

.text-group_9 {
  overflow-wrap: break-word;
  color: rgba(87, 192, 87, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.thumbnail_12 {
  width: 6px;
  height: 11px;
  margin: 6px 0 5px 0;
}

.image_6 {
  width: 375px;
  height: 2px;
  margin-top: 10px;
}

.text-wrapper_18 {
  width: 204px;
  margin: 12px 156px 0 15px;
}

.text_42 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_43 {
  overflow-wrap: break-word;
  color: rgba(155, 155, 155, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image_7 {
  width: 375px;
  height: 2px;
  margin-top: 12px;
}

.text-wrapper_19 {
  width: 201px;
  margin: 12px 159px 0 15px;
}

.text_44 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_45 {
  overflow-wrap: break-word;
  color: rgba(155, 155, 155, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image_8 {
  width: 375px;
  height: 2px;
  margin-top: 12px;
}

.group_7 {
  width: 345px;
  align-self: center;
  /*margin-top: 12px;*/
  margin: 12px 156px 0 15px;
}

.text_46 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_47 {
  overflow-wrap: break-word;
  color: rgba(155, 155, 155, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin-left: 12px;
}

.thumbnail_13 {
  width: 6px;
  height: 11px;
  margin: 6px 0 5px 167px;
}

.image_9 {
  width: 375px;
  height: 2px;
  margin-top: 12px;
}

.text-wrapper_20 {
  width: 124px;
  margin: 12px 236px 0 15px;
}

.text_48 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_49 {
  overflow-wrap: break-word;
  color: rgba(155, 155, 155, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.box_23 {


  background-color: rgba(255, 255, 255, 1);
  width: 375px;
  margin-top: 12px;
  padding: 12px 18px 14px 17px;
}

.image-text_11 {
  width: 90px;
  margin: 1px 0 1px 0;
}

.image_10 {
  width: 21px;
  height: 17px;
  margin: 4px 0 1px 0;
}

.text-group_10 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.label_3 {
  width: 24px;
  height: 24px;
}

.box_24 {


  background-color: rgba(255, 255, 255, 1);
  margin-top: 10px;
  padding: 12px 0 13px 0;
}

.text-wrapper_21 {
  width: 347px;
  margin: 0 13px 0 15px;
}

.text_50 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_51 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image_11 {
  width: 375px;
  height: 2px;
  margin-top: 13px;
}

.text-wrapper_22 {
  width: 347px;
  margin: 11px 13px 0 15px;
}

.text_52 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_53 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 22px;
}

.image_12 {
  width: 375px;
  height: 2px;
  margin-top: 13px;
}

.group_8 {
  width: 347px;
  margin: 12px 13px 0 15px;
}

.text_54 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.image-text_12 {
  width: 114px;
}

.text-group_11 {
  overflow-wrap: break-word;
  color: rgba(212, 95, 62, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
  line-height: 22px;
}

.thumbnail_14 {
  width: 6px;
  height: 11px;
  margin: 5px 0 6px 0;
}

.image_13 {
  width: 375px;
  height: 2px;
  margin-top: 13px;
}

.text-wrapper_23 {
  width: 347px;
  margin: 11px 13px 0 15px;
}

.text_55 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_56 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.box_25 {
  padding: 11px 0 33px 0;
}

.text-wrapper_24 {
  background-color: rgba(255, 255, 255, 1);
  width: 375px;
  /*padding: 14px 235px 14px 15px;*/
  padding-top: 3.73vw;
  padding-bottom: 3.73vw;
  padding-left: 4vw;
}

.text_57 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.text_58 {
  overflow-wrap: break-word;
  color: rgba(148, 148, 148, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
}

.block_5 {
  margin: 23px 13px 0 17px;
}

.image_14 {
  width: 19px;
  height: 23px;
  margin-top: 1px;
}

.text_59 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 17px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
  margin-left: 9px;
}

.text_60 {
  overflow-wrap: break-word;
  color: rgba(28, 28, 28, 1);
  font-size: 16px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 22px;
  margin: 1px 0 0 179px;
}

.thumbnail_15 {
  width: 16px;
  height: 16px;
  margin: 8px 0 4px 6px;
}

.text-wrapper_25 {
  width: 336px;
  padding-right: 13px;
  margin: 15px 24px 0 15px;
}

.paragraph_3 {
  width: 336px;
  height: 40px;
  overflow-wrap: break-word;
  color: rgba(130, 130, 130, 1);
  font-size: 14px;
  font-weight: NaN;
  text-align: left;
  line-height: 20px;
}

.text_61 {
  overflow-wrap: break-word;
  color: rgba(71, 127, 237, 1);
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  line-height: 20px;
  margin: 21px 0 0 -125px;
}

.text-wrapper_26 {
  background-color: rgba(219, 86, 71, 1);
  border-radius: 24px;
  margin: 52px 24px 0 31px;
  padding: 12px 126px 12px 126px;
}

.text_62 {
  overflow-wrap: break-word;
  color: rgba(255, 255, 255, 1);
  font-size: 17px;
  font-family: PingFangSC-Medium;
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_63 {
  overflow-wrap: break-word;
  color: rgba(81, 81, 81, 1);
  font-size: 12px;
  font-weight: NaN;
  text-align: left;
  white-space: nowrap;
  line-height: 17px;
  margin: 15px 18px 0 21px;
}

.image_15 {
  width: 375px;
  height: 34px;
  margin-top: -1px;
}

/* 轮播图 */
.swiper-box {
  position: relative;
  width: 100%;
  height: 100vw;
}

.swiper-box swiper {
  /*width: 100%;*/
  width: 100vw;
  height: 100vw;
}

.swiper-box swiper swiper-item image {
  width: 100%;
  height: 100vw;
}

.swiper-box .indicator {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 25upx;
  height: 40upx;
  border-radius: 40upx;
  font-size: 22upx;
  position: absolute;
  bottom: 20upx;
  right: 20upx;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.active{
  color: red;
}
.tag{
  margin-top: 2vw;
  z-index: 999;
}
</style>
